<!--
  @description:医生信息组件
  @author: lhf
  @time:
-->
<template>
  <div class="doc-profile clearfix over">
    <div class="doc-avator">
      <div v-if="options['isPause']" class="doc-tips"></div>
      <img v-if="options['workingPicture'] !== ''" :src="options['workingPicture']" alt="医生头像" />
      <img v-else src="@/assets/images/avator.png" alt="默认头像" />
    </div>
    <div class="doc-info">
      <div class="doc-name">{{ options['doctorName'] || '' }}</div>
      <div class="doc-title">{{ options['doctorTitleName'] || '' }}</div>
      <div class="doc-desc">
        <template v-if="options['desc'].length < 120">
          {{ options['desc'] }}
        </template>
        <template v-else>
          <marquee direction="up">{{ options['desc'] }}</marquee>
        </template>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'dept-info',
  props: {
    options: {
      type: Object
    }
  },
  data() {
    return {};
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
@import '@/assets/styles/rooms.scss';
</style>
